import { MineWrapper } from './mine.styled';
import { CardInfo } from '../../interface/mine';
import { PicturesOutline } from 'antd-mobile-icons';
import LoginBox from '../../components/login/loginBox';
import ActionCard from '../../components/mine/actionCard';
import FavCard from '../../components/mine/favCard';
import SongList from '../../components/mine/songList';
const MineIndex = () => {
    const cardConfig: CardInfo[] = [
        {
            text: '最近播放',
            icon: <PicturesOutline fontSize={24} color="#FF3141" />,
            url: '/recentPlay'
        },
        {
            text: '本地播放',
            icon: <PicturesOutline fontSize={24} color="#FF3141" />,
            url: '/localPlay'
        },
        {
            text: '云盘',
            icon: <PicturesOutline fontSize={24} color="#FF3141" />,
            url: '/cloudDisk'
        },
        {
            text: '已购',
            icon: <PicturesOutline fontSize={24} color="#FF3141" />,
            url: '/purchase'
        },
        {
            text: '我的好友',
            icon: <PicturesOutline fontSize={24} color="#FF3141" />,
            url: '/myFriends'
        },
        {
            text: '收藏和赞',
            icon: <PicturesOutline fontSize={24} color="#FF3141" />,
            url: '/favLike'
        },
        {
            text: '我的播客',
            icon: <PicturesOutline fontSize={24} color="#FF3141" />,
            url: '/postCard'
        },
        {
            text: '乐迷团',
            icon: <PicturesOutline fontSize={24} color="#FF3141" />,
            url: '/fans'
        }
    ];
    return (
        <MineWrapper>
            <LoginBox></LoginBox>
            <ActionCard cardConfig={cardConfig}></ActionCard>
            <FavCard></FavCard>
            <SongList></SongList>
        </MineWrapper>
    );
};

export default MineIndex;
